<template>
	<view class="content" @click="getOrderFun(item.id)">
		<view class="top-content flex col-bottom">
			<view class="bold xxl">
				{{item.category_name}}
			</view>
			<view class="m-l-20 lg" style="color:#686868;">
				{{item.create_time}}
			</view>
		</view>
		<view class="flex col-center m-t-48">
			<view class="start-border br20 ">
				
			</view>
			<view class="lg m-l-28 line-1">
				{{item.address[0].start_city+item.address[0].start_district+item.address[0].start_address}}
			</view>
			
		</view>
		<view class="flex col-center m-t-28">
			<view class="end-border br20">
				
			</view>
			<view class="lg m-l-28 line-1">
				{{item.address[0].end_city+item.address[0].end_district+item.address[0].end_address}}
			</view>
		</view>
		<view class="remark-price flex row-between m-t-36 col-center">
	
		<view class="remark-content  line-1 flex ">
			
			<view class="">
				备注：
			</view>
			<view class="" v-if="item.label_list==0">
				无
			</view>
			<view v-else v-for="(item1,index) in item.label_list" :key="index" style="display: flex;">
				{{item1.name}}
				<view v-if="order.label_list.length-1>index">
					,
				</view>
			</view>
		
		</view>
		<view class="price flex col-center">
			<view class="sm bold">
				￥ 
			</view>
			<view class="xxl bold">
				{{item.order_amount}}元
			</view>
		</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		name:"transport-item",
		
		data() {
			return {
				
			};
		},
		props:{
			item:{
				type:Object,
				default:()=>{}
			},
			isGo:{
				type:Boolean,
				default:()=>true
			},
			select:{
				type:Boolean,
				default:()=>false
			}
		},
		methods:{
			getOrderFun(id){
				// this.$emit('getOrderFun',id)
				if(this.select==true){
					this.$emit('selectSend',id)
					// uni.redirectTo({
					// 	url:'/pages/confirm_order/confirm_order?id=' + id
					// })
				}
				// 拿订单详情=> 
				if(this.select==false){
					
					uni.navigateTo({
						url:'/bundle/pages/order_details/order_details?id=' + id
					})
				}
				
			}
		},
		
	}
</script>

<style scoped lang="scss">
	.remark-content{
		color: #737272;
		width: 450rpx;
	}
	.start-border{
		width: 24rpx;
		height: 24rpx;
		border: 4rpx solid #2ABB5A;
	}
.end-border{
	width: 24rpx;
	height: 24rpx;
	border: 4rpx solid #FF0000;
}
	.content{
		
		background-color: #ffffff;
		margin-top: 20rpx;
		padding-top: 26rpx;
		border-radius: 10rpx;
		box-shadow: 1rpx 1rpx 11rpx #95989e;
		padding-bottom: 26rpx;
		padding-right: 24rpx;
		padding-left: 44rpx;
		width: 710rpx;
		height: 356rpx;
	}
</style>
